
import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  TextInput,
  Button,
  TouchableOpacity,
  Alert,
  Image
} from 'react-native';
import {
  SafeAreaView,
  StackNavigator,
  TabNavigator
} from 'react-navigation';
const Dimensions = require('Dimensions')
const { width } = Dimensions.get('window');
let left = (width - (width * 0.2) * 4) / 5;
import BottomMenu from '../components/home/bottomMenu';
import TopMenu from '../components/home/topMenu';
import Login from './login';
import Home from './home';
import Me from './me';
import Orbit from './orbit';
import Find from './find';

let router = ({
  Index: {
    screen:Home 
  },
  Orbit:{
    screen:Orbit
  },
  Find:{
    screen:Find
  },
  Me:{
    screen:Me
  }
})
export default HomeNavigator = TabNavigator({
  ...router
}, {
    initialRouteName: 'Index',
    headerMode: 'none',
    mode: Platform.OS === 'ios' ? 'modal' : 'card',
    tabBarPosition: 'bottom',
    animationEnabled: true,
    tabBarOptions: {
      activeTintColor: '#e91e63',
    },
  });
let styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#E8E8E8',
    marginTop: 10,
    flexDirection: 'column',
    alignItems: 'center',
  },
  centerContainerStyle: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  icon: {
    width: 26,
    height: 26,
  },})